{extends file="header_footer.html"} 

{block name=content}
<div class="layui-carousel" id="banner">
  <div carousel-item>
    {foreach $ad.$ad_var.Ad as $each}
    <div><a href="{url($each.link)}" class="coverBg" style="background-image: url({$absroot}{$each.image});"><img  src="{$absroot}{$each.image}" class="hidden" alt="{$each.title}"/></a></div>
    {/foreach}
  </div>
</div>
<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#banner'
    ,width: '100%' //设置容器宽度
    ,height:'300px'
    //,arrow: 'always' //始终显示箭头
    ,anim: 'fade' //切换动画方式
  });
});

</script>

<div  class="wrap" >
    <div id="insiderBase">
        {block name="insider_bar"}
        <div id="insiderBar">
            <h2 class="reset">{$menu_data.title}</h2>
            <ul class="list">
                {foreach $side_menu.menus as $menu_id}
                <li class="{if $menu_id==$menu_data.id}current{/if}"><a href="{call menu_link id=$menu_id}">{menu($menu_id,'title')}</a></li>
                {/foreach}
            </ul>
        </div>
        {/block}
        
        {block name="insider_content"}
        <div id="insider_content">
            <div class="location">{include file="Common/path.html" delimiter=' &gt; '}</div>
            <div id="insider">
                {block name=insider}{/block}
            </div>
        </div>
        {/block}
    </div>
</div>
{/block}